import React from 'react'
import { storiesOf } from '@storybook/react'
import { action } from '@storybook/addon-actions'
import Menu from './menu';
import MenuItem from './menuItem'
import SubMenu from './subMenu'

const dropDownMenu = () => (
  <Menu
    defaultIndex="0"
    defaultOpenSubMenus={[]}
    mode="horizontal"
  >
    <MenuItem> large button </MenuItem>
    <MenuItem> small button </MenuItem>
    <SubMenu
      title="dropdown"
    >
      <MenuItem> large button </MenuItem>
      <MenuItem> small button </MenuItem>
    </SubMenu>
  </Menu>
)

storiesOf('Menu', module)
  .add('dropDownMenu', dropDownMenu)